<!DOCTYPE html>
<html lang="en" dir="auto">

<head><meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="robots" content="index, follow">
<title>Icons | flipped</title>
<meta name="keywords" content="PaperMod" />
<meta name="description" content="List of all Icons supported by PaperMod">
<meta name="author" content="Aditya Telange">
<link rel="canonical" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-icons/" />
<link crossorigin="anonymous" href="/flippedzh/assets/css/stylesheet.min.2d6dbfc6e0f8a1db1c9d082a76dc11d094328cf63f247bbc2421dfaa7f2bb170.css" integrity="sha256-LW2/xuD4odscnQgqdtwR0JQyjPY/JHu8JCHfqn8rsXA=" rel="preload stylesheet" as="style">
<script defer crossorigin="anonymous" src="/flippedzh/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.js" integrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5&#43;kdJvBz5iKbt6B5PJI="
    onload="hljs.initHighlightingOnLoad();"></script>
<link rel="icon" href="http://zouheng22.gitee.io/flippedzh/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="http://zouheng22.gitee.io/flippedzh/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="http://zouheng22.gitee.io/flippedzh/favicon-32x32.png">
<link rel="apple-touch-icon" href="http://zouheng22.gitee.io/flippedzh/apple-touch-icon.png">
<link rel="mask-icon" href="http://zouheng22.gitee.io/flippedzh/safari-pinned-tab.svg">
<meta name="theme-color" content="#2e2e33">
<meta name="msapplication-TileColor" content="#2e2e33">
<meta name="generator" content="Hugo 0.83.1" />
<link rel="alternate" hreflang="en" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-icons/" />
<meta property="og:title" content="Icons" />
<meta property="og:description" content="List of all Icons supported by PaperMod" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-icons/" /><meta property="og:image" content="http://zouheng22.gitee.io/flippedzh/papermod-cover.png"/><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2021-01-20T00:00:00&#43;00:00" />
<meta property="article:modified_time" content="2021-01-20T00:00:00&#43;00:00" />

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="http://zouheng22.gitee.io/flippedzh/papermod-cover.png"/>

<meta name="twitter:title" content="Icons"/>
<meta name="twitter:description" content="List of all Icons supported by PaperMod"/>


<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [, 
    {
      "@type": "ListItem",
      "position":  2 ,
      "name": "Posts",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/"
    }, 
    {
      "@type": "ListItem",
      "position":  3 ,
      "name": "PaperMod",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/papermod/"
    }, 
    {
      "@type": "ListItem",
      "position":  4 ,
      "name": "Icons",
      "item": "http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-icons/"
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Icons",
  "name": "Icons",
  "description": "List of all Icons supported by PaperMod",
  "keywords": [
    "PaperMod"
  ],
  "articleBody": "Social Icons    No. Name Platform Link     1 123rf 123rf.com   2 adobestock stock.adobe.com   3 behance behance.net   4 buymeacoffee buymeacoffee.com   5 codepen codepen.io   6 cryptohack cryptohack.org   7 ctftime ctftime.org   8 dev dev.to   9 discogs discogs.com   10 discord discord.com   11 dreamstime dreamstime.com   12 dribbble dribbble.com   13 email -   14 facebook facebook.com   15 flickr flickr.com   16 freepik freepik.com   17 gitea gitea.io   18 github github.com   19 gitlab gitlab.com   20 goodreads goodreads.com   21 hackerone hackerone.com   22 hackerrank hackerrank.com   23 hackthebox hackthebox.eu   24 instagram instagram.com   25 itchio itch.io   26 kakaotalk kakaocorp.com/service/KakaoTalk   27 keybase keybase.io   28 kofi ko-fi.com   29 lastfm last.fm   30 liberapay liberapay.com   31 linkedin linkedin.com   32 mastodon mastodon.social   33 matrix matrix.org   34 medium medium.com   35 mixcloud mixcloud.com   36 nuget nuget.org   37 paypal paypal.com   38 qq qq.com   39 reddit reddit.com   40 rss -   41 serverfault serverfault.com   42 soundcloud soundcloud.com   43 shutterstock shutterstock.com   44 slack slack.com   45 snapchat snapchat.com/add   46 sourcerer sourcerer.io   47 spotify spotify.com   48 stackoverflow stackoverflow.com   49 steam steampowered.com   50 telegram telegram.org   51 twitch twitch.tv   52 twitter twitter.com   53 unsplash unsplash.com   54 xda xda-developers.com   55 youtube youtube.com   56 other -    Usage :\nsocialIcons: - name: \"kofi\" url: \"https://kofi.com\" - name: \"twitter\" url: \"https://twitter.com\"  Share Icons    No. Platform     1 twitter (also generates hash tags from tags linked with post)   2 linkedin   3 reddit   4 facebook   5 whatsapp   6 telegram    Usage:\nparams: ShowShareButtons: true ",
  "wordCount" : "216",
  "inLanguage": "en",
  "datePublished": "2021-01-20T00:00:00Z",
  "dateModified": "2021-01-20T00:00:00Z",
  "author":{
    "@type": "Person",
    "name": "Aditya Telange"
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-icons/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "flipped",
    "logo": {
      "@type": "ImageObject",
      "url": "http://zouheng22.gitee.io/flippedzh/favicon.ico"
    }
  }
}
</script>
</head>

<body class="" id="top">
<script>
    if (localStorage.getItem("pref-theme") === "dark") {
        document.body.classList.add('dark');
    } else if (localStorage.getItem("pref-theme") === "light") {
        document.body.classList.remove('dark')
    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
        document.body.classList.add('dark');
    }

</script>
<noscript>
    <style type="text/css">
        #theme-toggle,
        .top-link {
            display: none;
        }

    </style>
    <style>
        @media (prefers-color-scheme: dark) {
            :root {
                --theme: #1d1e20;
                --entry: #2e2e33;
                --primary: rgba(255, 255, 255, 0.84);
                --secondary: rgba(255, 255, 255, 0.56);
                --tertiary: rgba(255, 255, 255, 0.16);
                --content: rgba(255, 255, 255, 0.74);
                --hljs-bg: #2e2e33;
                --code-bg: #37383e;
                --border: #333;
            }

            .list {
                background: var(--theme);
            }

            .list:not(.dark)::-webkit-scrollbar-track {
                background: 0 0;
            }

            .list:not(.dark)::-webkit-scrollbar-thumb {
                border-color: var(--theme);
            }
        }

    </style>
</noscript>

<header class="header">
    <nav class="nav">
        <div class="logo">
            <a href="http://zouheng22.gitee.io/flippedzh" accesskey="h" title="flipped (Alt + H)">flipped</a>
            <span class="logo-switches">
                <button id="theme-toggle" accesskey="t" title="(Alt + T)">
                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
                    </svg>
                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round">
                        <circle cx="12" cy="12" r="5"></circle>
                        <line x1="12" y1="1" x2="12" y2="3"></line>
                        <line x1="12" y1="21" x2="12" y2="23"></line>
                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
                        <line x1="1" y1="12" x2="3" y2="12"></line>
                        <line x1="21" y1="12" x2="23" y2="12"></line>
                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
                    </svg>
                </button>
                
            </span>
        </div>
        <ul id="menu">
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/archives/" title="文章">
                    <span>文章</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/categories" title="目录">
                    <span>目录</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/tags" title="标签">
                    <span>标签</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/series" title="系列">
                    <span>系列</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/search/" title="搜索">
                    <span>搜索</span>
                </a>
            </li>
            <li>
                <a href="http://zouheng22.gitee.io/flippedzh/fr" title="关于我">
                    <span>关于我</span>
                </a>
            </li>
        </ul>
    </nav>
</header>
<main class="main">

<article class="post-single">
  <header class="post-header">
    <div class="breadcrumbs"><a href="http://zouheng22.gitee.io/flippedzh">Home</a>&nbsp;»&nbsp;<a href="http://zouheng22.gitee.io/flippedzh/posts/">Posts</a>&nbsp;»&nbsp;<a href="http://zouheng22.gitee.io/flippedzh/posts/papermod/">PaperMod</a></div>
    <h1 class="post-title">
      Icons<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>
    </h1>
    <div class="post-meta">January 20, 2021&nbsp;·&nbsp;2 min&nbsp;·&nbsp;Aditya Telange
</div>
  </header> <div class="toc">
    <details >
        <summary accesskey="c" title="(Alt + C)">
            <div class="details">Table of Contents</div>
        </summary>
        <div class="inner"><ul>
                <li>
                    <a href="#social-icons" aria-label="Social Icons">Social Icons</a></li>
                <li>
                    <a href="#share-icons" aria-label="Share Icons">Share Icons</a>
                </li>
            </ul>
        </div>
    </details>
</div>

  <div class="post-content"><h2 id="social-icons">Social Icons<a hidden class="anchor" aria-hidden="true" href="#social-icons">#</a></h2>
<table>
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th>Platform Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><code>123rf</code></td>
<td>123rf.com</td>
</tr>
<tr>
<td>2</td>
<td><code>adobestock</code></td>
<td>stock.adobe.com</td>
</tr>
<tr>
<td>3</td>
<td><code>behance</code></td>
<td>behance.net</td>
</tr>
<tr>
<td>4</td>
<td><code>buymeacoffee</code></td>
<td>buymeacoffee.com</td>
</tr>
<tr>
<td>5</td>
<td><code>codepen</code></td>
<td>codepen.io</td>
</tr>
<tr>
<td>6</td>
<td><code>cryptohack</code></td>
<td>cryptohack.org</td>
</tr>
<tr>
<td>7</td>
<td><code>ctftime</code></td>
<td>ctftime.org</td>
</tr>
<tr>
<td>8</td>
<td><code>dev</code></td>
<td>dev.to</td>
</tr>
<tr>
<td>9</td>
<td><code>discogs</code></td>
<td>discogs.com</td>
</tr>
<tr>
<td>10</td>
<td><code>discord</code></td>
<td>discord.com</td>
</tr>
<tr>
<td>11</td>
<td><code>dreamstime</code></td>
<td>dreamstime.com</td>
</tr>
<tr>
<td>12</td>
<td><code>dribbble</code></td>
<td>dribbble.com</td>
</tr>
<tr>
<td>13</td>
<td><code>email</code></td>
<td>-</td>
</tr>
<tr>
<td>14</td>
<td><code>facebook</code></td>
<td>facebook.com</td>
</tr>
<tr>
<td>15</td>
<td><code>flickr</code></td>
<td>flickr.com</td>
</tr>
<tr>
<td>16</td>
<td><code>freepik</code></td>
<td>freepik.com</td>
</tr>
<tr>
<td>17</td>
<td><code>gitea</code></td>
<td>gitea.io</td>
</tr>
<tr>
<td>18</td>
<td><code>github</code></td>
<td>github.com</td>
</tr>
<tr>
<td>19</td>
<td><code>gitlab</code></td>
<td>gitlab.com</td>
</tr>
<tr>
<td>20</td>
<td><code>goodreads</code></td>
<td>goodreads.com</td>
</tr>
<tr>
<td>21</td>
<td><code>hackerone</code></td>
<td>hackerone.com</td>
</tr>
<tr>
<td>22</td>
<td><code>hackerrank</code></td>
<td>hackerrank.com</td>
</tr>
<tr>
<td>23</td>
<td><code>hackthebox</code></td>
<td>hackthebox.eu</td>
</tr>
<tr>
<td>24</td>
<td><code>instagram</code></td>
<td>instagram.com</td>
</tr>
<tr>
<td>25</td>
<td><code>itchio</code></td>
<td>itch.io</td>
</tr>
<tr>
<td>26</td>
<td><code>kakaotalk</code></td>
<td>kakaocorp.com/service/KakaoTalk</td>
</tr>
<tr>
<td>27</td>
<td><code>keybase</code></td>
<td>keybase.io</td>
</tr>
<tr>
<td>28</td>
<td><code>kofi</code></td>
<td>ko-fi.com</td>
</tr>
<tr>
<td>29</td>
<td><code>lastfm</code></td>
<td>last.fm</td>
</tr>
<tr>
<td>30</td>
<td><code>liberapay</code></td>
<td>liberapay.com</td>
</tr>
<tr>
<td>31</td>
<td><code>linkedin</code></td>
<td>linkedin.com</td>
</tr>
<tr>
<td>32</td>
<td><code>mastodon</code></td>
<td>mastodon.social</td>
</tr>
<tr>
<td>33</td>
<td><code>matrix</code></td>
<td>matrix.org</td>
</tr>
<tr>
<td>34</td>
<td><code>medium</code></td>
<td>medium.com</td>
</tr>
<tr>
<td>35</td>
<td><code>mixcloud</code></td>
<td>mixcloud.com</td>
</tr>
<tr>
<td>36</td>
<td><code>nuget</code></td>
<td>nuget.org</td>
</tr>
<tr>
<td>37</td>
<td><code>paypal</code></td>
<td>paypal.com</td>
</tr>
<tr>
<td>38</td>
<td><code>qq</code></td>
<td>qq.com</td>
</tr>
<tr>
<td>39</td>
<td><code>reddit</code></td>
<td>reddit.com</td>
</tr>
<tr>
<td>40</td>
<td><code>rss</code></td>
<td>-</td>
</tr>
<tr>
<td>41</td>
<td><code>serverfault</code></td>
<td>serverfault.com</td>
</tr>
<tr>
<td>42</td>
<td><code>soundcloud</code></td>
<td>soundcloud.com</td>
</tr>
<tr>
<td>43</td>
<td><code>shutterstock</code></td>
<td>shutterstock.com</td>
</tr>
<tr>
<td>44</td>
<td><code>slack</code></td>
<td>slack.com</td>
</tr>
<tr>
<td>45</td>
<td><code>snapchat</code></td>
<td>snapchat.com/add</td>
</tr>
<tr>
<td>46</td>
<td><code>sourcerer</code></td>
<td>sourcerer.io</td>
</tr>
<tr>
<td>47</td>
<td><code>spotify</code></td>
<td>spotify.com</td>
</tr>
<tr>
<td>48</td>
<td><code>stackoverflow</code></td>
<td>stackoverflow.com</td>
</tr>
<tr>
<td>49</td>
<td><code>steam</code></td>
<td>steampowered.com</td>
</tr>
<tr>
<td>50</td>
<td><code>telegram</code></td>
<td>telegram.org</td>
</tr>
<tr>
<td>51</td>
<td><code>twitch</code></td>
<td>twitch.tv</td>
</tr>
<tr>
<td>52</td>
<td><code>twitter</code></td>
<td>twitter.com</td>
</tr>
<tr>
<td>53</td>
<td><code>unsplash</code></td>
<td>unsplash.com</td>
</tr>
<tr>
<td>54</td>
<td><code>xda</code></td>
<td>xda-developers.com</td>
</tr>
<tr>
<td>55</td>
<td><code>youtube</code></td>
<td>youtube.com</td>
</tr>
<tr>
<td>56</td>
<td><code>other</code></td>
<td>-</td>
</tr>
</tbody>
</table>
<p>Usage :</p>
<pre><code>socialIcons:
    - name: &quot;kofi&quot;
        url: &quot;https://kofi.com&quot;
    - name: &quot;twitter&quot;
        url: &quot;https://twitter.com&quot;
</code></pre><hr>
<h2 id="share-icons">Share Icons<a hidden class="anchor" aria-hidden="true" href="#share-icons">#</a></h2>
<table>
<thead>
<tr>
<th>No.</th>
<th>Platform</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td><code>twitter</code> (also generates hash tags from tags linked with post)</td>
</tr>
<tr>
<td>2</td>
<td><code>linkedin</code></td>
</tr>
<tr>
<td>3</td>
<td><code>reddit</code></td>
</tr>
<tr>
<td>4</td>
<td><code>facebook</code></td>
</tr>
<tr>
<td>5</td>
<td><code>whatsapp</code></td>
</tr>
<tr>
<td>6</td>
<td><code>telegram</code></td>
</tr>
</tbody>
</table>
<p>Usage:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yml" data-lang="yml"><span style="color:#f92672">params</span>:
  <span style="color:#f92672">ShowShareButtons</span>: <span style="color:#66d9ef">true</span>
</code></pre></div>
</div>
  <footer class="post-footer">
    <ul class="post-tags">
      <li><a href="http://zouheng22.gitee.io/flippedzh/tags/papermod/">PaperMod</a></li>
    </ul>
<nav class="paginav">
  <a class="prev" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-faq/">
    <span class="title">« Prev Page</span>
    <br>
    <span>FAQs</span>
  </a>
  <a class="next" href="http://zouheng22.gitee.io/flippedzh/posts/papermod/papermod-variables/">
    <span class="title">Next Page »</span>
    <br>
    <span>Variables | Front Matter</span>
  </a>
</nav>

<div class="share-buttons">
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on twitter"
        href="https://weibo.com/">
        <svg height="256px" style="enable-background:new 0 0 256 256;" version="1.1" viewBox="0 0 256 256" width="256px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Background_1_" style="enable-background:new    ;">
        <g id="Background">
            <g>
                <path d="M249.422,30.68c-2.721-4.986-5.816-9.537-9.793-13.521     c-3.992-3.998-8.709-7.587-13.703-10.314c-8.381-4.576-18.788-6.855-29.002-6.855H59.075c-10.444,0-20.542,2.344-29.265,6.948     c-5.022,2.649-9.588,6.146-13.502,10.126c-3.932,3.998-7.491,8.488-10.046,13.572c-4.289,8.533-6.274,18.478-6.274,28.65v137.43     c0,10.326,1.671,20.678,6.296,29.134c2.681,4.9,6.191,9.86,10.087,13.795c3.934,3.97,8.583,7.225,13.503,9.955     c8.465,4.7,18.842,6.413,29.201,6.413h137.849c10.568,0,20.399-1.523,28.982-6.401c4.739-2.692,9.879-6.113,13.687-9.966     c3.923-3.968,7.2-8.851,9.886-13.799c4.566-8.415,6.533-18.874,6.533-29.131V59.285C256.012,48.978,254.031,39.124,249.422,30.68     z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFE591;"/>
            </g>
        </g>
    </g>
        <g id="Shape_4_1_" style="enable-background:new    ;">
            <g id="Shape_4">
                <g>
                <path d="M169.217,151.074c-2.088-20.866-29.861-35.239-62.04-32.095     c-32.171,3.145-56.568,22.611-54.478,43.479c2.09,20.876,29.865,35.248,62.039,32.11     C146.916,191.425,171.303,171.957,169.217,151.074z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;"/>
            </g></g>
        </g><g id="Shape_3_1_" style="enable-background:new    ;">
            <g id="Shape_3"><g><path d="M179.092,125.276c-2.738-0.812-4.615-1.361-3.18-4.917     c3.104-7.715,3.425-14.372,0.059-19.121c-6.311-8.908-23.572-8.427-43.359-0.239c0-0.011-6.212,2.687-4.625-2.184     c3.044-9.67,2.585-17.771-2.151-22.444c-10.736-10.616-39.284,0.399-63.764,24.585c-18.333,18.12-28.979,37.325-28.979,53.928     c0,31.76,41.215,51.07,81.536,51.07c52.858,0,88.019-30.345,88.019-54.443C202.648,136.952,190.239,128.692,179.092,125.276z      M114.738,194.569c-32.174,3.138-59.949-11.234-62.039-32.11c-2.09-20.868,22.307-40.335,54.478-43.479     c32.179-3.145,59.952,11.229,62.04,32.095C171.303,171.957,146.916,191.425,114.738,194.569z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#CD201F;"/></g></g></g><g id="Shape_2_1_" style="enable-background:new    ;"><g id="Shape_2"><g><path d="M117.572,134.441c-15.319-3.905-32.636,3.573-39.29,16.802     c-6.777,13.483-0.225,28.456,15.254,33.354c16.032,5.063,34.93-2.701,41.5-17.255     C141.516,153.107,133.426,138.454,117.572,134.441z M105.874,168.889c-3.115,4.863-9.783,6.996-14.806,4.749     c-4.949-2.204-6.411-7.861-3.296-12.604c3.076-4.729,9.52-6.834,14.505-4.785C107.321,158.354,108.931,163.969,105.874,168.889z      M116.131,155.985c-1.125,1.887-3.615,2.794-5.565,2.007c-1.917-0.772-2.518-2.878-1.429-4.735     c1.122-1.844,3.513-2.744,5.427-1.999C116.508,151.952,117.206,154.086,116.131,155.985z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#232323;"/></g></g></g><g id="Shape_1_1_" style="enable-background:new    ;"><g id="Shape_1"><g><path d="M212.111,67.308c-12.48-14.403-30.891-19.894-47.882-16.133     h-0.007c-3.932,0.876-6.438,4.901-5.598,8.986c0.839,4.089,4.706,6.701,8.639,5.829c12.088-2.672,25.168,1.236,34.043,11.467     c8.863,10.23,11.271,24.185,7.475,36.416l0.002,0.004c-1.236,3.986,0.856,8.247,4.689,9.535c3.817,1.288,7.922-0.891,9.16-4.864     c0-0.008,0-0.022,0.003-0.03C227.965,101.311,224.595,81.696,212.111,67.308z M169.621,77.464     c-3.383,0.751-5.54,4.218-4.815,7.743c0.726,3.51,4.052,5.767,7.429,5.001v0.007c4.048-0.89,8.436,0.409,11.404,3.831     c2.975,3.43,3.773,8.104,2.497,12.203h0.007c-1.061,3.422,0.738,7.103,4.03,8.214c3.292,1.097,6.823-0.773,7.884-4.203     c2.603-8.383,0.977-17.936-5.111-24.95C186.871,78.296,177.901,75.632,169.621,77.464z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#DD880C;"/></g></g></g></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on linkedin"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-icons%2f&amp;title=Icons&amp;summary=Icons&amp;source=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-icons%2f">
    
        <svg id="douyin" t="1570181112474" class="icon" viewBox="0 0 1024 1024" version="1.1"
          xmlns="http://www.w3.org/2000/svg" p-id="2916" width="128" height="128">
          <path
            d="M937.386667 423.850667a387.84 387.84 0 0 1-232.874667-77.824v352.341333C704.512 878.250667 565.930667 1024 394.922667 1024S85.333333 878.250667 85.333333 698.368c0-179.882667 138.581333-325.632 309.589334-325.632 17.066667 0 33.706667 1.450667 49.92 4.266667v186.624a131.754667 131.754667 0 0 0-48.64-9.216c-76.288 0-138.154667 65.024-138.154667 145.322666 0 80.213333 61.866667 145.322667 138.24 145.322667 76.202667 0 138.069333-65.109333 138.069333-145.322667V0h172.714667c0 134.485333 103.68 243.541333 231.594667 243.541333v180.309334h-1.28"
            p-id="2917"></path>
        </svg>

    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on reddit"
        href="https://www.linkedin.com/shareArticle?mini=true&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-icons%2f&amp;title=Icons&amp;summary=Icons&amp;source=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m437 0h-362c-41.398438 0-75 34.601562-75 76v361c0 41.398438 33.601562 75 75 75h362c41.398438 0 75-33.601562 75-75v-361c0-41.398438-33.601562-76-75-76zm0 0" fill="#25d9f8"/><path d="m512 76v361c0 41.398438-33.601562 75-75 75h-181v-512h181c41.398438 0 75 34.601562 75 76zm0 0" fill="#00c0f1"/><g fill="#ececf1"><path d="m121 196h60v211h-60zm0 0"/><path d="m121 106h60v60h-60zm0 0"/><path d="m391 275.800781v131.199219h-60v-121c0-16.5-13.5-30-30-30s-30 13.5-30 30v121h-60v-211h60v11.398438c15.601562-5.097657 25.800781-11.398438 45-11.398438 40.800781 0 75 36.597656 75 79.800781zm0 0"/></g><path d="m391 275.800781v131.199219h-60v-121c0-16.5-13.5-30-30-30s-30 13.5-30 30v121h-15v-211h15v11.398438c15.601562-5.097657 25.800781-11.398438 45-11.398438 40.800781 0 75 36.597656 75 79.800781zm0 0" fill="#e2e2e7"/></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on facebook"
        href="https://facebook.com/sharer/sharer.php?u=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
            <path
                d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-106.468,0l0,-192.915l66.6,0l12.672,-82.621l-79.272,0l0,-53.617c0,-22.603 11.073,-44.636 46.58,-44.636l36.042,0l0,-70.34c0,0 -32.71,-5.582 -63.982,-5.582c-65.288,0 -107.96,39.569 -107.96,111.204l0,62.971l-72.573,0l0,82.621l72.573,0l0,192.915l-191.104,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Z" />
        </svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on whatsapp"
        href="https://weixin.qq.com/">
        <svg height="512pt" viewBox="0 -45 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m138.667969 96h-21.335938v21.332031h21.335938zm0 0"/><path d="m245.332031 96h-21.332031v21.332031h21.332031zm0 0"/><path d="m320 224h-21.332031v21.332031h21.332031zm0 0"/><path d="m426.667969 224h-21.335938v21.332031h21.335938zm0 0"/><path d="m469.332031 422.535156-65.730469-32.800781c-13.398437 3.269531-27.140624 4.925781-40.933593 4.933594-82.402344 0-149.335938-57.46875-149.335938-128 0-70.535157 66.933594-128 149.335938-128 82.398437 0 149.332031 57.464843 149.332031 128 0 33.867187-15.066406 65.464843-42.667969 89.464843zm-63.332031-55.46875 42 21.066406v-42l4-3.199218c24.933594-20.265625 38.667969-47.332032 38.667969-76.265625 0-58.800781-57.46875-106.667969-128-106.667969-70.535157 0-128 47.867188-128 106.667969 0 58.796875 57.464843 106.664062 128 106.664062 13.324219.019531 26.597656-1.730469 39.464843-5.199219zm0 0"/><path d="m64 326.535156v-63.335937c-40.800781-28.53125-64-69.734375-64-113.867188 0-82.398437 81.332031-149.332031 181.332031-149.332031s181.335938 66.933594 181.335938 149.332031l-21.335938.402344v-.402344c0-70.53125-71.730469-128-160-128-88.265625 0-160 57.46875-160 128 0 38.535157 21.601563 74.667969 59.203125 99.203125l4.796875 3.199219v40.398437l43.601563-21.734374 3.867187.933593c29.613281 7.433594 60.539063 7.980469 90.398438 1.601563l4.535156 20.800781c-31.761719 6.785156-64.625 6.511719-96.269531-.800781zm0 0"/></svg>
    </a>
    <a target="_blank" rel="noopener noreferrer" aria-label="share Icons on telegram"
        href="https://telegram.me/share/url?text=Icons&amp;url=http%3a%2f%2fzouheng22.gitee.io%2fflippedzh%2fposts%2fpapermod%2fpapermod-icons%2f">
        <svg version="1.1" xml:space="preserve" viewBox="2 2 28 28">
            <path
                d="M26.49,29.86H5.5a3.37,3.37,0,0,1-2.47-1,3.35,3.35,0,0,1-1-2.47V5.48A3.36,3.36,0,0,1,3,3,3.37,3.37,0,0,1,5.5,2h21A3.38,3.38,0,0,1,29,3a3.36,3.36,0,0,1,1,2.46V26.37a3.35,3.35,0,0,1-1,2.47A3.38,3.38,0,0,1,26.49,29.86Zm-5.38-6.71a.79.79,0,0,0,.85-.66L24.73,9.24a.55.55,0,0,0-.18-.46.62.62,0,0,0-.41-.17q-.08,0-16.53,6.11a.59.59,0,0,0-.41.59.57.57,0,0,0,.43.52l4,1.24,1.61,4.83a.62.62,0,0,0,.63.43.56.56,0,0,0,.4-.17L16.54,20l4.09,3A.9.9,0,0,0,21.11,23.15ZM13.8,20.71l-1.21-4q8.72-5.55,8.78-5.55c.15,0,.23,0,.23.16a.18.18,0,0,1,0,.06s-2.51,2.3-7.52,6.8Z" />
        </svg>
    </a>
</div>

  </footer>
</article>
    </main>
    <footer class="footer">
    <span>&copy; 2021 <a href="http://zouheng22.gitee.io/flippedzh">flipped</a></span>
    <span>
        Powered by
        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
        <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a>
    </span>
</footer>
<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
    <button class="top-link" id="top-link" type="button" accesskey="g">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
            <path d="M12 6H0l6-6z" />
        </svg>
    </button>
</a>

<script>
    let menu = document.getElementById('menu')
    menu.scrollLeft = localStorage.getItem("menu-scroll-position");
    menu.onscroll = function () {
        localStorage.setItem("menu-scroll-position", menu.scrollLeft);
    }

    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener("click", function (e) {
            e.preventDefault();
            var id = this.getAttribute("href").substr(1);
            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
                    behavior: "smooth"
                });
            } else {
                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
            }
            if (id === "top") {
                history.replaceState(null, null, " ");
            } else {
                history.pushState(null, null, `#${id}`);
            }
        });
    });

</script>
<script>
    var mybutton = document.getElementById("top-link");
    window.onscroll = function () {
        if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
            mybutton.style.visibility = "visible";
            mybutton.style.opacity = "1";
        } else {
            mybutton.style.visibility = "hidden";
            mybutton.style.opacity = "0";
        }
    };

</script>
<script>
    document.getElementById("theme-toggle").addEventListener("click", () => {
        if (document.body.className.includes("dark")) {
            document.body.classList.remove('dark');
            localStorage.setItem("pref-theme", 'light');
        } else {
            document.body.classList.add('dark');
            localStorage.setItem("pref-theme", 'dark');
        }
    })

</script>
<script>
    document.querySelectorAll('pre > code').forEach((codeblock) => {
        const container = codeblock.parentNode.parentNode;

        const copybutton = document.createElement('button');
        copybutton.classList.add('copy-code');
        copybutton.innerText = 'copy';

        function copyingDone() {
            copybutton.innerText = 'copied!';
            setTimeout(() => {
                copybutton.innerText = 'copy';
            }, 2000);
        }

        copybutton.addEventListener('click', (cb) => {
            if ('clipboard' in navigator) {
                navigator.clipboard.writeText(codeblock.textContent);
                copyingDone();
                return;
            }

            const range = document.createRange();
            range.selectNodeContents(codeblock);
            const selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            try {
                document.execCommand('copy');
                copyingDone();
            } catch (e) { };
            selection.removeRange(range);
        });

        if (container.classList.contains("highlight")) {
            container.appendChild(copybutton);
        } else if (container.parentNode.firstChild == container) {
            
        } else if (codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.nodeName == "TABLE") {
            
            codeblock.parentNode.parentNode.parentNode.parentNode.parentNode.appendChild(copybutton);
        } else {
            
            codeblock.parentNode.appendChild(copybutton);
        }
    });
</script>
</body>

</html>
